//需求:
//点击登录按钮时:
//用户名或密码未填写时报错
//用户名密码正确时登录成功，否则报错
//合法用户名、密码存在localStorage中
//当前用户名存在localStorage中
window.addEventListener('load',function(){
	var userBox = document.querySelector('input[name="username"]');
	var passBox = document.querySelector('input[name="password"]');
	var btn = document.querySelector('button');
	var errBox = document.querySelector('span.error');
	btn.onclick = function(e){
		e.preventDefault();
		var username = userBox.value.trim();
		var pswd = passBox.value;
		if(username=='' || pswd==''){
			errBox.innerHTML = '用户名及密码不能为空!';
			return false;
		}else if(!checkUser(username,pswd)){
			errBox.innerHTML = '用户名或密码错误!';
			return false;
		}else{
			localStorage.setItem('nowUser',username);
			location.href = 'index.html';
		}
		//阻止默认事件
		return false;
	}
})


//判断给定用户名及密码是否为存在的账号
function checkUser(username,pswd){
	var users = getUsers();
	var valid = false;
	for(var i=0;i<users.length;i++){
		if(username==users[i].phone&&pswd==users[i].pswd){
			valid=true;
			break;
		}
	}
	return valid;
}
//获取已存在的用户名及密码
function getUsers(){
	var usersStr = localStorage.getItem('validUsers');
	if(usersStr){
		return JSON.parse(usersStr);
	}else{
		return [];
	}
}